$(function () {

    // 动态渲染数据
    $.ajax({
        type: 'get',
        url: bignews.category_list,
        headers: { Authorization: localStorage.getItem('bignews_69_token') },//后台要传参数，token里面值

        dataType: 'json',
        success: function (res) {
            // console.log(res)
            $('#selCategory').html(template('cateTemp', res))
        }
    })

    // 动态渲染数据
    let pageCurrent = 1

    let perpage = 6
    function init(type, state) {
        $.ajax({
            type: 'get',
            url: bignews.article_query,
            headers: { Authorization: localStorage.getItem('bignews_69_token') },//后台要传参数，token里面值
            data: {
                page: pageCurrent, perpage, type, state
            },
            dataType: 'json',
            success: function (res) {

                console.log(res)
                // if (flag == false||res.data.) {
                //     pageCurrent = res.data.totalPage
                //     init($("#selCategory").val(), $("#selStatus").val())
                //     flag = true
                // }
                // if(res.data.totalPage)
                // pageCurrent = res.data.totalPage
                // 如果数组长度等于0

                if (res.data.data.length == 0) {
                    //显示等于res.data.totalPage
                    pageCurrent = res.data.totalPage
                    init()

                } else {
                    // 如果数组长度不等于0，直接调用分页模板
                    setPage(res.data.totalPage)
                }
                $('tbody').html(template('listTemp', res))
            },
            error: function (err) {
                console.log(err)

                if (err.status == 500) {
                    alert('没有数据，请添加数据')

                }
            }


        })
    }
    init()

    // 制作分页，利用插件

    function setPage(pageSum) {
        $(".pagination").bootstrapPaginator({
            //设置版本号
            bootstrapMajorVersion: 3,
            // 显示第几页
            currentPage: pageCurrent,
            // 总页数
            totalPages: pageSum || 1,
            //当单击操作按钮的时候, 执行该函数, 调用ajax渲染页面
            onPageClicked: function (event, originalEvent, type, page) {
                // 把当前点击的页码赋值给currentPage, 调用ajax,渲染页面
                pageCurrent = page

                init($("#selCategory").val(), $("#selStatus").val())
            }
        })
    }

    // 点击搜索，根据id判断
    $('#button').on('click', function () {
        // console.log($("#selCategory").val(), $("#selStatus").val());
        // 筛选之后重置为1
        pageCurrent = 1
        init($("#selCategory").val(), $("#selStatus").val())



    })

    // 实现文章的删除,动态生成的结构，用事件委托
    $('tbody').on('click', '.btndelete', function () {
        let id = $(this).data().id
        console.log(id)
        $.ajax({
            type: 'post',
            url: bignews.article_delete,
            headers: { Authorization: localStorage.getItem('bignews_69_token') },//后台要传参数，token里面值
            data: { id },
            dataType: 'json',
            success: function (del) {
                console.log(del)

                // 判断tr是否等于1，等于1，相当于后台数据没有了，刷新
                // if ($(tbody.children().length == 1)) {
                // 页码大于1，才减减
                // if (currentPage > 1) {
                //     pageCurrent-- 
                // }

                // }

                init($("#selCategory").val(), $("#selStatus").val())

            }

        })
    })

    // 根据显示多少个，显示多少条
    $('#showSelect').on('change', function () {
        console.log($(this).val())
        perpage = $(this).val()
        init($("#selCategory").val(), $("#selStatus").val())

    })
})